<template>
    <div id="setup">
        <a-button @click="putHero">传heros</a-button>
        <a-button @click="putStudents">传students</a-button>
        <heros
         :type="type"
        ></heros>
        <game :title="'game'"></game>
    </div>
</template>
<script lang="ts">
import heros from './components/heros.vue'
import game from './components/game.vue'
export default {
    components: {
        heros,
        game,
    },
    data() {
        return {
            type: 'heros',
        }
    },
    methods: {
        putHero(){
            this.type = 'heros'
        },
        putStudents(){
            this.type = 'students'
        },
    },
}
</script>
<style lang="scss">
    
</style>
